@import "func";
@import "tabs";

.tabs {
	@extend %tabs;
	margin-bottom: 30px;
}

@import "form";
$h: 33px !default;
$label-width: 110px !default;
$label-color: #717889;

.form {
	@include form;
	font-size: 14px;
	.control {
		label {
			.radio {
				@include dib;
				margin-bottom: 2px;
				margin-right: 10px;
			}
		}
		> .field,
		> .btns {
			margin-left: $label-width + 20px;
		}
		.field2 {
			margin-left: 74px;
			.input-text {
				width: 130px;
			}
		}
		.field3 {
			float: left;
			margin-left: 20px;
			.input-text {
				width: 102px;
			}
		}
		.field4 {
			float: left;
			margin-left: 20px;
			.input-text {
				width: 102px;
			}
		}
		.w50 {width: 50px;}
	}
	.field {
		@include clearfix;
		.radiooption {
			float: left;
			margin-top: 8px;
			margin-right: 20px;
			width: 18px;
			height: 18px;
		}
		.text {
			line-height: 35px;
			color: #ababab;
		}
		.btnbox {
			float: left;
			a {
				margin-right: 10px;
			}
		}
		.input-text {
			float: left;
			margin-right: 20px;
		}
		.input2 {
			width: 182px;
		}
		.select {
			margin-right: 20px;
			line-height: 35px;
			color: #717889;
		}
	}
	.btns {
		padding-bottom: 20px;
		text-align: left;
		.link-higher {
			margin-left: 130px;
			color: #00a1ff;
			font-weight: bold;
			text-decoration: underline;
			&:hover {
				color: darken(#00a1ff, 10%);
			}
		}
	}
	.tit {
		color: #717889;
	}
}

.table-box {
	.table {
		margin-bottom: 20px;
	}
	.btns {
		text-align: center;
	}
	table {
		@extend %table;
	}

}

//chosen
.chosen-container {
	width: 222px;
	font-size: 14px;
	.chosen-results li.highlighted {
		background-color: #616e86;
	}
}
.chosen-container-single .chosen-single {
	height: 33px;
	line-height: 33px;
	border: 1px solid #ccc;
	background:#fff;
	div {
		top: 5px;
	}
}

@import "switcher";
@import "table";